<template>

  <div>
     <div class="item">  
      <div class="left">
          <img src="myimg/myding/10.png" alt="">
          <p>瑞幸￥26券*1</p>
          <p>现价￥<span>19</span><i>立减￥17</i></p>
      </div>
     <span>+</span>
     <div class="right">
         <h3>多点DMAL</h3>
         <span>多点尊享会员月卡</span>
         <p>(北京地区)*1</p>
         <span>立即抢购</span>
     </div>
     </div>
  </div>
</template>

<script>
export default {
}
</script>

<style scoped>

.item{
    height: 220px;
    margin-bottom:50px;
    display:flex;
    justify-content: space-between;
    border-bottom:1px solid rgb(238, 224, 224);
}
.item>span{
    margin-top: 90px;
    font-size:20px;
}
.item .left p:last-child{
    margin-top: 50px;
}
.item .left p span{
    color: #0a0f7f;
    font-size: 20px;
    margin-right: 5px;
}
.item .left p i{
    color: #bebebe;
    font-size:12px;
}
.right h3{
    color: orangered;
    margin-bottom: 50px;

}
.right span:last-child{
    width: 100px;
    line-height: 35px;
    color: #fff;
    background: orangered;
    display: block;
    margin-top: 60px;
    border-radius:20px;
    border:1px solid orchid;
}
</style>